<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title></title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,shrink-to-fit=no" />
  <meta name="format-detection" content="telephone=yes" />
  <meta name="renderer" content="webkit" />
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <!-- //191115 <meta name="referrer" content="no-referrer-when-downgrade" /> -->
  <!-- No Baidu Siteapp-->
  <!-- <link rel="icon" type="image/png" href="/static/i/favicon.png"> -->
  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes" />
  <link rel="icon" sizes="192x192" href="/i/app-icon72x72@2x.png" />
  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="创客匠人知识付费系统" />
  <link rel="apple-touch-icon-precomposed" href="/i/app-icon72x72@2x.png" />
  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="/i/app-icon72x72@2x.png" />
  <meta name="msapplication-TileColor" content="#0e90d2" />
  <meta http-equiv="x-dns-prefetch-control" content="on">
  <link rel="dns-prefetch" href="https://assets.ckjr001.com">
  <link rel="dns-prefetch" href="https://ckjr-static-assets.oss-cn-shanghai.aliyuncs.com">
  <script type="text/javascript">
    var isiOS = navigator.userAgent.indexOf('APPLogin') > -1 || navigator.userAgent.indexOf('IOSLogin') > -1 || navigator.userAgent.indexOf('IOSNewLogin') > -1 || navigator.userAgent.indexOf("IOSNewApp") > -1;
    if (isiOS && window.location.href.indexOf("c=") > -1 && window.location.href.indexOf("u=") > -1 && window.location.href.indexOf("t=") > -1) {
      window.localStorage.clear();
    }

    var curl = window.location.href;
    var reg = /^\?(\&*\w+\?*=*\w*\&*)*#$/;
    if (curl.split("/")[5] != '?#') {
      if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) && curl.split("/")[5] == '#') {
        var newHref = curl.split("#")[0] + '?#' + curl.split("#")[1];
        window.location.replace(newHref);
      } else if (curl.split("/")[5] == "?") {
        if (curl.split("?").length == 2) {
          var newHref = curl.split("?")[0] + '?#' + curl.split("?")[1];
        } else if (curl.split("?").length > 2) {
          var newHref = curl.split("?")[0] + '?#' + curl.split("?")[1] + '?' + curl.split("?")[2];
        }
        window.location.replace(newHref);
      } else if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) && reg.test(curl.split("/")[5])) {
        var newHref = curl.split("?")[0] + '?#' + curl.split("#")[1];
        window.location.replace(newHref);
      }
    }
  </script>
  <script>
    (function (doc, win) {
      //h5手机页面字体自适应
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          var clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          if (clientWidth > 640) {
            clientWidth = 640;
          }
          docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
        };
      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
  </script>
  <!-- <script src="https://tam.cdn-go.cn/aegis-sdk/latest/aegis.min.js"></script>
  <script src="https://tam.cdn-go.cn/aegis-sdk/latest/aegis.f.min.js"></script>
  <script>
    if (typeof Aegis === 'function') {
      window.aegisClient = new Aegis({
        id: 'e7z91Clq7X4Xj7OPv1', // 上报 id
        reportApiSpeed: false, // 接口测速
        reportAssetSpeed: false, // 静态资源测速
        spa: true, // spa 应用页面跳转的时候开启 pv 计算
        pagePerformance:false,
        whiteListUrl:'',
        webVitals:false,
        hostUrl: 'https://rumt-zh.com'
      });
    }
  </script> -->
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_631625_vkav2qt3zm.css">
  <link href="https://assets.ckjr001.com/assets/js/tcPlayer4.8.0/tcplayer.min.css" rel="stylesheet"/>
  <style data-vue-ssr-id="35b2bdad:0">
    .skeleton {
      max-width: 750px;
      margin: 0 auto;
      position: relative;
      height: 100%;
      overflow: hidden;
      padding: 15px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
    }

    .skeleton-nav {
      height: 45px;
      background: #eee;
      margin-bottom: 15px;
      font-size: 10px;
      color: #e6e6e6;
    }

    .skeleton-swiper {
      height: 160px;
      background: #eee;
      margin-bottom: 15px;
    }

    .skeleton-tabs {
      list-style: none;
      padding: 0;
      margin: 0 -15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .skeleton-tabs-item {
      width: 25%;
      height: 55px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      margin-bottom: 15px;
    }

    .skeleton-tabs-item span {
      display: inline-block;
      width: 55px;
      height: 55px;
      border-radius: 55px;
      background: #eee;
    }

    .skeleton-banner {
      height: 60px;
      background: #eee;
      margin-bottom: 15px;
    }

    .skeleton-productions {
      height: 20px;
      margin-bottom: 15px;
      background: #eee;
    }
  </style>
</head>

<body>
  <script type="text/javascript">
    /*
    * android禁止微信浏览器调整字体大小

    *  这种方法会导致网页延迟大约1S

    */
    /* (function () {
      var ua = window.navigator.userAgent.toLowerCase();
      if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
          handleFontSize();
        } else {
          if (document.addEventListener) {
            document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
          } else if (document.attachEvent) {
            document.attachEvent("WeixinJSBridgeReady", handleFontSize);
            document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
          }
        }
      }
      function handleFontSize() {
        // 设置网页字体为默认大小
        WeixinJSBridge.invoke('setFontSizeCallback', {
          'fontSize': 0
        });
        // 重写设置网页字体大小的事件
        WeixinJSBridge.on('menu:setfont', function () {
          WeixinJSBridge.invoke('setFontSizeCallback', {
            'fontSize': 0
          });
        });
      }
    })(); */
  </script>
  <!--[if lt IE 10]>
    <div style="width:100%;height:100%;position:absolute;z-index:999999;top:0px;background-color:#fff;">
        <div class="alert alert-warning text-center">提醒：你的浏览器太古董了，请更换浏览器</div>
    </div>
    <![endif]-->
  <div id="app">
    <div data-server-rendered="true" class="skeleton page">
      <div class="skeleton-nav">
        <%=htmlWebpackPlugin.options.curversion%>
      </div>
      <div class="skeleton-swiper"></div>
      <ul class="skeleton-tabs">
        <li class="skeleton-tabs-item">
          <span></span>
        </li>
        <li class="skeleton-tabs-item">
          <span></span>
        </li>
        <li class="skeleton-tabs-item">
          <span></span>
        </li>
        <li class="skeleton-tabs-item">
          <span></span>
        </li>
        <li class="skeleton-tabs-item">
          <span></span>
        </li>
        <li class="skeleton-tabs-item">
          <span></span>
        </li>
        <li class="skeleton-tabs-item">
          <span></span>
        </li>
        <li class="skeleton-tabs-item">
          <span></span>
        </li>
      </ul>
      <div class="skeleton-banner"></div>
      <div class="skeleton-productions"></div>
      <div class="skeleton-productions"></div>
      <div class="skeleton-productions"></div>
      <div class="skeleton-productions"></div>
      <div class="skeleton-productions"></div>
      <div class="skeleton-productions"></div>
    </div>
  </div>
  <!-- built files will be auto injected -->
  <script src="https://assets.ckjr001.com/vue-v2.6.12.js"></script>
  <script src="https://assets.ckjr001.com/vue-router-v3.4.7.js"></script>
  <script src="https://assets.ckjr001.com/vuex-v3.5.1.js"></script>
  <script src="https://assets.ckjr001.com/assets/js/crypto-js.min.js"></script>

  <!--腾讯云播放器-->
  <script src="https://assets.ckjr001.com/assets/js/tcPlayer4.8.0/libs/hls.min.1.1.6.js"></script>
  <script src="https://assets.ckjr001.com/assets/js/tcPlayer4.9.0/tcplayer.v4.9.4.min.js"></script>

  <!-- <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=0BZNeQkagB8bHpCItPx8XjNU2K344Sl6"></script> -->
  <!--  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=f051a3d0ab2acef596ce8dbd7fe3a629"></script> -->

  <script>
    function setDocumentTitle(title) {
      setTimeout(function () {
        //利用iframe的onload事件刷新页面
        document.title = title;
        //微信小程序环境不加载iframe，防止白名单导致无法打开
        let ua = window.navigator.userAgent;
        let isH5WxApp = ua.toLowerCase().match(/miniprogram/i) == 'miniprogram';
        if(!isH5WxApp){
          var iframe = document.createElement('iframe');
          iframe.src = '<%=htmlWebpackPlugin.options.filePath%>i/favicon.png'; // 必须
          iframe.style.visibility = 'hidden';
          iframe.style.width = '1px';
          iframe.style.height = '1px';
          iframe.onload = function () {
            setTimeout(function () {
              document.body.removeChild(iframe);
            }, 0);
          };
          document.body.appendChild(iframe);
        }
      }, 0);
    }
  </script>

  <%=htmlWebpackPlugin.files.webpackManifest%>
</body>

</html>
